<template>
    <div style="height: 100%; position: relative">
        <div style="position: relative">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane
                    :key="item.name"
                    v-for="item in tabs"
                    :label="item.label"
                    :name="item.name"
                >
                </el-tab-pane>
            </el-tabs>
        </div>
        <router-view></router-view>
    </div>
</template>
<script>

export default {
    data() {
        return {
            activeName: 'integral-list',
            tabs: [
                { label: '二手车评估管理', name: 'integral-list', path: 'integral-list' }
            ],
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
            this.activeName = tab.name;
            this.$router.push(tab.path)
        }
    }
};
</script>
<style lang="scss" scoped>
/* .admin-control-add {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
/deep/.el-drawer__body{
	overflow: auto;
	padding-bottom: 65px;
}
.demo-drawer__footer{
	position: absolute;
	bottom: 16px;
	left: 16px;
} */
</style>